<!-- <p-menubar #menu popup="popup" [model]="items" [style]="{'background':'#52A4DB' ,'font-size':'20px'}"  styleClass="menucus"> -->
    <!-- <p-menubar #menu popup="popup" [model]="items" [style]="{'background':'#52A4DB' ,'font-size':'20px'}" class="col-md-12" >

    <span style="margin-right:10px">
        <a>您好，{{userName}}</a>欢迎登录本系统
        <!-- <a (click)="quit()">退出</a> -->
        <!-- <button style="margin-right:10px;background:#53A9E2" (click)="quit()"  >退出</button> -->
       
    <!-- </span> -->
<!-- </p-menubar> --> -->


<!-- <div class="col-md-12" [@fadeIn]> -->
<div class="col-md-12">
    <nav class="navbar-fixed-top consum-width" role="navigation">
        <div id="top" class="container-fluid">

            <!--导航栏标题-->
            <div (click)="title(menu)">
                <a class="navbar-brand">
                    <i class="fa fa-align-justify" [style]="{'background':'#52A4DB','font-size':'20px'}" styleClass="menucus"></i>&nbsp;&nbsp;大米互助网</a>
            </div>

            <ul class="top-right">
                <li>
                    <!-- <a>您好，{{userName}}</a> -->
                    <a>您好，{{userName}} ， 欢迎登录本系统</a> 
                    <!-- <a class="navbar-brand">
                        <i class="fa fa-align-justify" [style]="{'background':'#FFFFFF','font-size':'20px'}" styleClass="menucus"></i>&nbsp;&nbsp;您好，{{userName}} ， 欢迎登录本系统</a> -->
                
                </li>
                <li>
                    <a (click)="quit()">退出</a>
                    <!-- <button style="margin-right:10px;background:#53A9E2" (click)="quit()">退出</button> -->
                    <!-- <button  (click)="quit()"  >退出</button> -->
                </li>
                
            
            </ul>

            <div>
                <!--向左对齐**********************************************************-->
                <ul [hidden]="isTopMenu" class="nav nav-pills" style="margin-top:0px;" #menu>
                    <li *ngFor="let navigation of navigations" id="{{navigation.id}}" class="test">
                        <a class="nav-menu" (click)="openLeft(navigation.id)">
                            {{navigation?.applicationName}}
                        </a>

                    </li>
                    <!-- ***更多菜单*********************************************************** -->
                    <!-- <li id="multiMenu">
                        <p-menubar [model]="items" styleClass="menubarStyle" (mouseenter)="openOtherMenu()"></p-menubar>
                    </li> -->
                </ul>
                 <!-- ************************menu一级菜单页面*************************************************************** -->
                       <!-- <a>{{menu.id}}</a> -->
                       <!-- <i class="iconfont icon-9"></i> -->
                <!-- <ul id="left-nav" class="left-ul">  
                      <div *ngFor="let menu of leftmenu;let i = index" class="active">
                          <li *ngIf="menu.type=='页面'" id="test" [routerLink]="['/workspace',menu?.applicationUrl,menu?.permission]">
                                   <li *ngIf="menu.type=='页面'" id="{{menu.id}}">                                            

                                    <a id="MenuTest" (click)="skipMenu(menu.id)">
                                        {{menu?.applicationName}}
                                    </a>
                        </li>  
                   </div>
                </ul> -->

            </div>
        </div>
    </nav>
</div>

<!-- **************************************************************************************************** -->

<!-- ************************************************************************************************** -->
<!-- <div [@fadeIn]> -->
<div>
    <!-- <div [hidden]="isLeftMenu" id="left" style="height:100%"> -->
    <!-- ******************************二级菜单******************************************************************** -->
    <div id="left" [hidden]="isLeftMenu" id="left" style="height:100%">
        <ul id="left-nav" class="left-ul">

            <!-- **********let i =index作用让一级菜单下的二级菜单显示否则只有第一个一级菜单可显示************************************************************ -->
            <div *ngFor="let menu of leftmenu;let i = index" class="active">
                <!-- ************************menu一级菜单页面*************************************************************** -->
                <!-- <li *ngIf="menu.type=='页面'" id="test" [routerLink]="['/workspace',menu?.applicationUrl,menu?.permission]"> -->
                <li *ngIf="menu.type=='页面'" id="{{menu.id}}">
                    <!-- <a>{{menu.id}}</a> -->
                    <!-- <i class="iconfont icon-9"></i> -->
                    <a id="MenuTest" (click)="skipMenu(menu.id)">

                        {{menu?.applicationName}}
                    </a>
                </li>
                <!-- **********************menu一级菜单模块************************************* -->
                <!-- <li *ngIf="menu.type=='模块'"> -->
                <!-- 一级菜单a标签里面有href -->
                <!-- <a href="#systemSetting{{i}}" id="MenuTest" data-toggle="collapse" (click)="skipMenu(menu.id)">
                        <i class="iconfont icon-9"></i>
                        {{menu?.applicationName}}
                        <i class="iconfont icon-jiantouxia"></i>
                    </a> -->
                <!-- *************************submenu二级菜单模块*************************************************** -->
                <!-- 二级菜单ul标签里面有id -->
                <!-- <ul id="systemSetting{{i}}" class="nav nav-list collapse secondmenu" data-toggle="collapse"> -->
                <!-- <div *ngFor="let submenu of menu.childs;let i = index" class="active">
                            <li *ngIf="submenu.type=='模块'"> -->
                <!-- 二级菜单a标签里面有href -->
                <!-- <a href="#system{{i}}" class="left_submenu_white" data-toggle="collapse">
                                    <i class="iconfont icon-9"></i>
                                    {{submenu?.applicationName}}
                                    <i class="iconfont icon-jiantouxia"></i>
                                </a> -->
                <!-- **********************************thirdmenu三级菜单模块******************************************************************  -->
                <!-- 三级菜单ul标签有id -->
                <!-- <ul id="system{{i}}" class="nav nav-list collapse thirdmenu" data-toggle="collapse">
                                    <div *ngFor="let thirdmenu of submenu.childs;let i = index" class="active">
                                        <li *ngIf="thirdmenu.type=='模块'"> -->
                <!-- 三级菜单a标签里有herf -->
                <!-- <a href="#Setting{{i}}" class="left_thirdmenu_white" data-toggle="collapse">
                                                <i class="iconfont icon-9"></i>
                                                {{thirdmenu?.applicationName}}
                                                <i class="iconfont icon-jiantouxia"></i>
                                            </a> -->
                <!-- ****************************************fourmenu四级菜单模块************************************************************************* -->
                <!-- 四级菜单ul标签里有id -->
                <!-- <ul id="Setting{{i}}" class="nav nav-list collapse fourmenu" data-toggle="collapse">
                                                <div *ngFor="let fourmenu of thirdmenu.childs;let i = index" class="active"> -->
                <!-- <li *ngIf="fourmenu.type=='模块'">
                                                        <a class="left_fourmenu_white" data-toggle="collapse">
                                                            <i class="iconfont icon-9"></i>
                                                            {{fourmenu?.applicationName}}
                                                            <i class="iconfont icon-jiantouxia"></i>
                                                        </a>
                                                    </li> -->
                <!-- ****************************************fourmenu四级菜单页面************************************************************************* -->
                <!-- <li *ngIf="fourmenu.type=='页面'" id="{{fourmenu.id}}">
                                                        <a class="left_fourmenu_white" (click)="skipMenu(fourmenu.id)">
                                                            <i class="iconfont icon-9"></i>
                                                            {{fourmenu?.applicationName}}
                                                        </a>
                                                    </li> -->
                <!-- </div>
                                            </ul> -->
                <!-- </li> -->
                <!-- ****************************************thirdmenu三级菜单页面************************************************************************* -->
                <!-- <li *ngIf="thirdmenu.type=='页面'" id="{{thirdmenu.id}}">
                                            <a class="left_thirdmenu_white" (click)="skipMenu(thirdmenu.id)">
                                                <i class="iconfont icon-9"></i>
                                                {{thirdmenu?.applicationName}}
                                            </a>
                                        </li> -->
                <!-- </div>
                                </ul> -->
                <!-- </li> -->
                <!-- *************************submenu二级菜单页面*************************************************************** -->
                <!-- <li *ngIf="submenu.type=='页面'" id="{{submenu.id}}">
                                <a class="left_submenu_white" (click)="skipMenu(submenu.id)">
                                    <i class="iconfont icon-9"></i>
                                    {{submenu?.applicationName}}
                                </a>
                            </li> -->
                <!-- *********************************************************************** -->
                <!-- </div> -->
                <!-- </ul> -->
                <!-- </li> -->
                <!-- ********************************************************************** -->
            </div>
        </ul>
    </div>
   
  <!-- ******************************二级菜单******************************************************************** -->

    <div id="main" [ngClass]="{'main_part_container': leftBarFlag, 'main_all_container':!leftBarFlag}"  >
        <!-- <nz-carousel [nzAutoPlay]="true">
            <div nz-carousel-content *ngFor="let index of array">
                <h3>{{index}}</h3>
            </div>
        </nz-carousel> -->

        <router-outlet></router-outlet>


    </div>
    <!-- 回到顶部 -->
    <nz-back-top [nzVisibilityHeight]="100">
        <ng-template #nzTemplate>
            <div class="ant-back-top-inner">回顶部</div>
        </ng-template>
    </nz-back-top>
</div>


<!-- Button trigger modal -->
<!-- <button type="button" id="identificationhiddenbutton" data-toggle="modal" data-target="#myModal1" style="visibility:hidden;"></button> -->